﻿@* template for partials, need to pass models and create unique class name for each type of partial *@

<div class="c-table  col-lg-6" id="Goals">
    <div class="list-group">
        <span href="#" class="list-group-item active">
            Goals<span class="badge">
                <a id="modal-111272" href="#modal-container-111272" role="button" data-toggle="modal">
                    <img class="c-help"
                         src="../../Content/images/tooltip/109_AllAnnotations_Help_19x19_72.png"
                         alt="(?)" />
                </a>
            </span>
        </span>
        <div class="list-group-item">
            <div class="goals-panel-body-left">
                Getting started! (Time)
            </div>
            <div class="goals-panel-body-center">
                Create [Programming Assignment #2] project solution on the day it’s assigned [1/19/2016]
            </div>
            <div class="goals-panel-body-right">
                <div class="right-cell-goal">
                    [2] days past
                </div>
                <div class="right-cell-attn">
                    @Helpers.Alert()
                </div>
            </div>
        </div>
        <div class="list-group-item">
            <div class="goals-panel-body-left">
                Keep trying!(Time)
            </div>
            <div class="goals-panel-body-center">
                Spend 3 hours coding in-IDE working on [Programming Assignment #1]
            </div>
            <div class="goals-panel-body-right">
                <div class="right-cell-ok">
                    OK
                </div>
            </div>
        </div>
        <div class="list-group-item">
            <div class="goals-panel-body-left">
                Code Debugger (Programming)
            </div>
            <div class="goals-panel-body-center">
                Code execution at least [80%] of runs in debug mode
            </div>
            <div class="goals-panel-body-right">
                <div class="right-cell-ok">
                    OK
                </div>
            </div>
        </div>
        <div class="list-group-item">
            <div class="goals-panel-body-left">
                Participate! <br />(Social)
            </div>
            <div class="goals-panel-body-center">
                At least [2] posts per week made
            </div>
            <div class="goals-panel-body-right">
                <div class="right-cell-goal">
                    [1] posts
                </div>
                <div class="right-cell-attn">
                    @Helpers.Alert()
                </div>
            </div>
        </div>
        <span class="list-group-item active"><span class="badge">Was this Useful? <a href="#">[Yes]</a> <a href="#">[No]</a></span>&nbsp;</span>
    </div>
</div>
